<div class="am-u-sm-12 widget main-w" >
	<div class="am-u-sm-12">
		<form class="am-form-inline tpl-form-border-form">
			<div class="am-form-group am-u-sm-3">
				<label for="user-name" class="am-u-sm-4 am-form-label am-text-truncate">对象类型： </label>
				<div class="am-u-sm-8">
					<select>
						<option value="a">不限</option>
						<option value="b">乘客</option>
						<option value="c">公司</option>
						<option value="d">司机</option>
					</select>

				</div>
			</div>
			<div class="am-form-group am-u-sm-3">
				<label for="user-name" class="am-u-sm-5 am-form-label am-text-truncate">订单状态： </label>
				<div class="am-u-sm-7">
					<select>
						<option value="a">不限</option>
						<option value="b">未支付</option>
						<option value="c">已支付</option>
						<option value="d">已取消</option>
					</select>
				</div>
			</div>
			<div class="am-form-group am-u-sm-2">
				<div class="am-u-sm-12">
					<input type="text" class="tpl-form-input" id="user-name" placeholder="请输入使用人姓名">
				</div>
			</div>
			<div class="am-form-group am-u-sm-2">
				<div class="am-u-sm-12">
					<input type="text" class="tpl-form-input" id="user-name" placeholder="请输入订单号">
				</div>
			</div>
			<div class="am-form-group am-u-sm-2">
				<button type="button" class="am-btn am-btn-sm am-btn-primary am-radius">查询<i class="am-icon-search"></i></button>
			</div>

		</form>
	</div>
	<div style="padding: 10px;" class="am-u-sm-12">
		<div><button style="float: right;" type="button" class="am-btn am-btn-default am-radius am-btn-xs" style="margin-top: -2px;">导出文件</button></div>
		<table width="100%" class="am-table am-table-compact am-text-nowrap tpl-table-black " id="example-r">
			<thead>
				<tr>
					<th>订单号</th>
					<th>订单时间</th>
					<th>使用人</th>
					<th>对象类型</th>
					<th>资金类型</th>
					<th>金额</th>
					<th>订单状态</th>
					<th>备注</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
				{foreach $list as $key => $item}
				<tr class="gradeX">
					<td>
						<a href="/car/index/details"></a>{$item.order_no}</td>
					<td>{$item.name}</td>
					<td>{$item.role_id}</td>
					<td>{$item.role_id}</td>
					<td>{$item.role_id}</td>
					<td>{$item.role_id}</td>
					<td>{$item.role_id}</td>
					<td>{$item.role_id}</td>
					<td>
						-
					</td>
				</tr>
				{/foreach}
				<!-- more data -->
			</tbody>

		</table>
		<div class="am-u-lg-12 am-cf">

			<div class="am-fr">
				<ul class="am-pagination tpl-pagination">
					<li class="am-disabled">
						<a href="#">«</a>
					</li>
					<li class="am-active">
						<a href="#">1</a>
					</li>
					<li>
						<a href="#">2</a>
					</li>
					<li>
						<a href="#">3</a>
					</li>
					<li>
						<a href="#">4</a>
					</li>
					<li>
						<a href="#">5</a>
					</li>
					<li>
						<a href="#">»</a>
					</li>
				</ul>
			</div>
		</div>
	</div>

</div>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.2&key={:config('base.mapkey')}&plugin=AMap.Driving"></script>
<script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>